<template>

  <p>首页</p>
<!--  <div>
    <div>
      <el-card>
        <div slot="header" class="clearfix">
          <span>用户数量统计</span>
        </div>
        <el-chart :options="userChartOptions" style="height: 400px;" ref="userChart"></el-chart>
      </el-card>
    </div>
    <div>
      <el-card>
        <div slot="header" class="clearfix">
          <span>预约数量统计</span>
        </div>
        <el-chart :options="orderChartOptions" style="height: 400px;" ref="orderChart"></el-chart>
      </el-card>
    </div>
  </div> -->
<!-- <div class="demo-image__placeholder">
    <div class="block">
      <span class="demonstration">默认</span> --><!--
      <el-image :src="@/assets/images/111.jpg"></el-image>
    </div>
  </div> -->
</template>

<script>
// import echarts from 'echarts';

export default {
  data() {
    return {
      userChartOptions: {
        xAxis: {
          type: 'category',
          data: ['Jan', 'Feb', 'Mar', 'Apr', 'May'],
        },
        yAxis: {
          type: 'value',
        },
        series: [{
          data: [120, 200, 150, 80, 70], // 模拟用户数量数据
          type: 'line',
        }],
      },
      orderChartOptions: {
        xAxis: {
          type: 'category',
          data: ['Jan', 'Feb', 'Mar', 'Apr', 'May'],
        },
        yAxis: {
          type: 'value',
        },
        series: [{
          data: [30, 50, 40, 20, 10], // 模拟预约数量数据
          type: 'bar',
        }],
      },
    };
  },
  mounted() {
    // 此处可以触发加载数据的逻辑，例如调用 loadData 方法
  },
  methods: {
    // 此处可以添加加载数据的方法，根据实际情况调整
  },
};
</script>

<style scoped>
/* 根据实际需要添加样式 */
</style>
